import MdEditor from 'react-markdown-editor-lite';
// 导入编辑器的样式
import 'react-markdown-editor-lite/lib/index.css';
import MarkdownIt from 'markdown-it';

// 初始化Markdown解析器
const mdParser = new MarkdownIt(/* Markdown-it options */);

const Index = () => {
  // 完成！
  function handleEditorChange({ html, text }) {
    console.log('handleEditorChange', html, text);
  }
  return (
    <>
      <div>md编辑器</div>
      <MdEditor
        style={{ height: '500px' }}
        renderHTML={(text) => mdParser.render(text)}
        onChange={handleEditorChange}
      />
    </>
  );
};

export default Index;
